@import "themes/var";

.el-switch {
  height: $switch-height;
  line-height: $switch-height;

  .el-switch__label {
    height: $switch-height;
  }

  .el-switch__core {
    width: 26px !important;
    height: 12px;
    background: $switch-bgcolor;
    border: 1px solid $switch-border-color;

    .el-switch__action {
      width: 10px;
      height: 10px;
      top: 0;
    }
  }

  &.is-checked {
    .el-switch__core {
      .el-switch__action {
        margin-left: -8px;
      }
    }
  }

  &.--mini {
    height: 8px;
    line-height: 8px;
    font-size: 12px;

    .el-switch__core {
      width: 16px !important;
      height: 8px;

      .el-switch__action {
        width: 6px;
        height: 6px;
        top: 0;
        left: 0;
      }
    }

    &.is-checked {
      .el-switch__core {
        .el-switch__action {
          margin-left: 8px;
        }
      }
    }
  }
}
